<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich" >

	<ui:composition template="/templates/telainicialPagina.xhtml" >
		<ui:define name="js">
		
		</ui:define>
		<ui:define name="css">
			<link rel="stylesheet" type="text/css" href="style/folha.css" media="screen" />
			<link rel="stylesheet" type="text/css" href="style/folhaextra.css" media="screen" />
			<style type="text/css">
				body {
					margin-left: 0px;
					margin-top: 0px;
					margin-right: 0px;
					margin-bottom: 0px;
				}
				a:link {
					color: #2f3191;
					text-decoration: none;
				}
				a:visited {
					text-decoration: none;
					color: #2f3191;
				}
				a:hover {
					text-decoration: underline;
					color: #0033FF;
				}
				a:active {
					text-decoration: none;
					color: #2f3191;
				}
			</style>
		</ui:define>
		
		<ui:define name="linkusa">
			<h:form>
   	  			<a4j:commandLink action="#{telaInicialBean.inicio}">
   	  				<img src="images/logo.gif" width="198" height="96" />
   	  			</a4j:commandLink>
   	  		</h:form>
		</ui:define>
		
		<ui:define name="linksup1">
			<h:form>
    			<a4j:commandLink action="#{telaInicialBean.sobreUsaPre}" value="Sobre o USACARD PRÉ" styleClass="menusupclass" />
   			</h:form>
		</ui:define>
		<ui:define name="linksup2">
			<h:form>
    			<a4j:commandLink action="#{telaInicialBean.todasAsVantagens}" value="+ Vantagens" styleClass="menusupclass" />
   			</h:form>
		</ui:define>
		<ui:define name="linksup3">
			<h:form>
       			<a4j:commandLink action="#{telaInicialBean.duvidasFrequentes}" value="Dúvidas Frequentes" styleClass="menusupclass" />
       		</h:form>
		</ui:define>
		<ui:define name="linksup4">
			<h:form>
       			<a4j:commandLink action="#{telaInicialBean.contatos}" value="Contato" styleClass="menusupclass" />
       		</h:form>	
		</ui:define>
		
		<ui:define name="login">
			<h:form>
				
	       	  	<div class="login_box">
		       	    <div class="logado" align="center">Olá, <strong><h:outputText value="#{sessionUsaPreBean.nome}!" /></strong></div>
		       	    <div class="text3" id="link2" align="center">
		       	    	<a4j:commandLink value="área cliente" action="#{telaInicialBean.areacliente}" /> | 
		       	    	<a4j:commandLink value="sair" action="#{telaInicialBean.sair}" />
		       	    </div>
	          	</div>
				
			</h:form>
		</ui:define>
		
		<ui:define name="conteiner1">
			<h:form>
        		<a4j:commandLink styleClass="itemmidsupclass" value="PEÇA O SEU" action="#{telaInicialBean.cadastreSe}" />
			</h:form>
		</ui:define>	
		<ui:define name="conteiner2">
			<h:form>
				<a4j:commandLink styleClass="itemmidsupclass" value="RECARREGUE" action="#{logadoBean.goHomeRecarregue}" />
			</h:form>
		</ui:define>
		<ui:define name="conteiner3">
			<h:form>
				<a4j:commandLink styleClass="itemmidsupclass" value="COMPRE COM DESCONTO" action="#{telaInicialBean.compreComDesconto}" />
			</h:form>
		</ui:define>
		<ui:define name="conteiner4">
			<h:form>
				<a4j:commandLink styleClass="itemmidsupclass" value="CONHEÇA A REDE" action="#{telaInicialBean.conhecaARede}" />
			</h:form>
		</ui:define>
		<ui:define name="conteiner5">
			<h:form>
				<a4j:commandLink styleClass="itemmidsupclass" value="LOJISTA" action="#{telaInicialBean.lojista}" />
			</h:form>
		</ui:define>
		
		<ui:define name="banner">
			<img src="images/banner3.jpg" width="1000" height="160" />
		</ui:define>
		<ui:define name="interior">
		
			<div class="box_textocorrido">
		      	<div class="foto"><img src="images/foto_aba2.jpg" width="200" height="300" /></div>
		        <div class="box_textocorrido_branco">
		        	<div class="textocorrido2">
		            	  <p id="laranja_titulo"><strong>+ vantagens</strong></p>
		            	  <p><span class="titulo_boxtextocorrido">CARTÃO PRÉ-PAGO MULTILOJAS</span><br />
		            	    <span class="textonormal">>O USACard Pré pode ser utilizado em uma ampla rede de estabelecimentos credenciados dos mais diversos ramos de atividades, tais como: supermercados, farmácias, postos de combustíveis, restaurantes, lojas de departamentos, perfumarias, salões de beleza, oficinas mecânicas, dentre outros.</span></p>
		            	  <p><span class="titulo_boxtextocorrido">DESCONTOS</span><br />
		            	    <span class="textonormal">O USACard Pré disponibiliza aos seus usuários uma rede exclusiva de estabelecimentos credenciados que concedem descontos reais.</span></p>
		            	  <p>
		            	    <span class="titulo_boxtextocorrido">SEM CONTA BANCÁRIA</span><br />
		            	    <span class="textonormal">Para ter um cartão USACard Pré não há necessidade de possuir conta em banco, evitando burocracia e despesas desnecessárias.</span></p>
		            	  <p>
		            	    <span class="titulo_boxtextocorrido">SEM COMPROVAÇÃO DE RENDA</span><br />
		            	    <span class="textonormal">Para se ter um cartão USACard Pré, não há necessidade de comprovação de renda. Simplicidade, facilidade e descontos reais são características do cartão USACard Pré.</span></p>
		            	  <p><span class="titulo_boxtextocorrido">SEM CONSULTA AO SPC/SERASA</span><br />
		            	    <span class="textonormal">Você pode usufruir de todos os benefícios oferecidos pelo cartão USACard Pré, mesmo tendo registro de restrições de crédito no SPC/SERASA.</span></p>
		            	  <p><span class="titulo_boxtextocorrido">SEM JUROS, SEM DÍVIDAS</span><br />
		            	    <span class="textonormal">Com o USACard Pré você não corre risco de endividamento ou pagamento de juros por atraso de sua fatura de cartão, pois como o celular pré-pago, não existe fatura no final do mês.</span></p>
		           	  <p>
		            	    <span class="titulo_boxtextocorrido">SEGURANÇA</span><br />
		           	    <span class="textonormal">O cartão USACard Pré substitui completamente o uso do dinheiro em espécie, evitando riscos desnecessários no porte e nas operações realizadas em caixas eletrônicos.</span></p>
		          </div>
		        </div>
		      </div>
		
		</ui:define>	
		
		
	</ui:composition>

</html>